<template>
    <div>
         <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
            <img :src="item.img" alt="" :class="{'full': isfull}">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    data(){
        return{
        }
    },
    props: ["lunbotuList", "isfull"]
}
</script>
<style lang="less" scoped>
.mint-swipe{
    height:200px;
    .mint-swipe-item{
        text-align: center;
        // &:nth-child(1){
        //     background-color:red;
        // }
        //  &:nth-child(2){
        //     background-color:yellow;
        // }
        //  &:nth-child(3){
        //     background-color:green;
        // }

        img{
            height: 100%;
            // width: 100%;
        }

        .full{
           width: 100%;
        }

        .mui-media-body{
            font-size:13px !important;
        }
        
    }
}
</style>
